<section id="layout">
    <div class="demo-item">
        <div class="demo-block">
            <ul class="ui-tiled ui-border-b" style="height:45px">
                <li class="ui-border-r">部门  <i class="fa fa-angle-down" aria-hidden="true" style="color:#9b9b9b"></i></li>
                <li>时间  <i class="fa fa-angle-down" aria-hidden="true" style="color:#9b9b9b"></i></li>
            </ul>
        </div>
    </div>
</section>
<section id="list">
    <div class="demo-item">
        <div style="height:40px;line-height: 40px;padding-left:15px;background:#F9F9F9"><i class="fa fa-user" style="color:#A2A2A2;margin-right:5px"></i>您当前的积分为<span style="color:#F8600D">20667</span>，排名为第<span style="color:#F8600D">2</span>名</div>
        <div class="demo-block">
            <ul class="ui-list ui-border-tb">
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-list')}','','','')">
                    <div class="ui-list-img">
                        <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">小丹</h4>
                        <p class="ui-nowrap">美工</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px">
                        <p>74520</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-list')}','','','')">
                    <div class="ui-list-img">
                        <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">小丹</h4>
                        <p class="ui-nowrap">美工</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px">
                        <p>74520</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-list')}','','','')">
                    <div class="ui-list-img">
                        <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">小丹</h4>
                        <p class="ui-nowrap">美工</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px">
                        <p>74520</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-list')}','','','')">
                    <div class="ui-list-img">
                        <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">小丹</h4>
                        <p class="ui-nowrap">美工</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px">
                        <p>74520</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-list')}','','','')">
                    <div class="ui-list-img">
                        <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">小丹</h4>
                        <p class="ui-nowrap">美工</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px">
                        <p>74520</p>
                    </div>
                </li>
                <li class="ui-border-t" onclick="$.myfunction.jump('{:U('Home/sort-list')}','','','')">
                    <div class="ui-list-img">
                        <span style="background-image:url(http://placeholder.qiniudn.com/200x136)"></span>
                    </div>
                    <div class="ui-list-info">
                        <h4 class="ui-nowrap">小丹</h4>
                        <p class="ui-nowrap">美工</p>
                    </div>
                    <div class="ui-list-action  ui-flex-align-center ui-flex-pack-center" style="display:-webkit-box;margin-right:15px">
                        <p>74520</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="demo-item" style="height:60px;width:100%">

    </div>
</section>